<template style="padding-bottom: 0;">
  <div class="page-header-index-wide warp">
    <a-layout>
      <a-layout-content style="margin-top:0;padding-top: 0px;padding-bottom: 0px;">
        <div id="form" style="width: 49%; margin-right: 1%;">
          <notice2></notice2>
        </div>
        <div id="form1" style="width: 50%">
          <laws></laws>
        </div>
        <div id="form2" style="width: 49%; margin-right: 1%;">
          <specialist></specialist>
        </div>
      </a-layout-content>
    </a-layout>
  </div>
</template>

<script>
  import notice2 from '@/views/commission/Notice2'
  import laws from '@/views/commission/Laws'
  import specialist from '@/views/commission/Specialist'

  export default {
    name: 'commission',
    components: {
      notice2,
      laws,
      specialist
    }
  }
</script>
<style lang="scss" scoped>
  #form, #form1, #form2 {
    float: left;
  }
  .warp {
     margin-top: 2px;
     position: relative;
     overflow: hidden;
   }
</style>